.host-summary-card {
  display: flex;
  gap: $pad-medium $pad-xxlarge;
  padding: $pad-xxlarge;
  flex-wrap: wrap;

  &__os-data-set dd {
    align-items: baseline;
  }

  // Properly vertically aligns host issue icon
  .host-issue {
    display: flex;
    gap: $pad-xsmall;
  }

  .no-team {
    color: $ui-fleet-black-50;
  }

  .data-set dd {
    overflow: initial;
    gap: $pad-xsmall; // Future iteration: Consider global gap to for data sets
  }
}
